<%@ tag body-content="scriptless" pageEncoding="UTF-8" description="FileUploadTemplate" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring" %>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form" %>
<%@ taglib uri="http://www.springframework.org/security/tags" prefix="sec" %>
<script src="${JSURL }/fileUpload/vendor/jquery.ui.widget.js"></script>
<script src="${JSURL }/fileUpload/jquery.iframe-transport.js"></script>
<script src="${JSURL }/fileUpload/jquery.fileupload.js"></script>
<script src="${JSURL }/fileUpload/bootstrap/js/bootstrap.min.js"></script>
<link href="${JSURL }/fileUpload/bootstrap/css/bootstrap.css" type="text/css" rel="stylesheet" />
<link href="${CSSURL }/dropzone.css" type="text/css" rel="stylesheet" />
<script src="${JSURL }/fileUpload/myuploadfunction.js"></script>
<div style="width:500px;padding:20px">
    <input id="fileupload" type="file" name="files[]" data-url="${CONTEXT }/file/upload" multiple="multiple"/>
    <div id="dropzone">Drop files here</div>
    <div id="progress" class="progress">
        <div class="bar" style="width: 0%;"></div>
    </div>
    <table id="uploaded-files">
        <tr>
            <th>File Name</th>
            <th>File Size</th>
            <th>File Type</th>
            <th>Download</th>
        </tr>
    </table>
</div>